<template>
    <div id='versiondata-index'>
       <loading mode="full" v-if="loading"></loading>
       <el-tabs v-model="activeName">
           <el-tab-pane label="弹窗广告" name="1">
               <!-- 弹窗广告
                    弹窗广告
                    弹窗广告 -->
                <h1 class="card-title">
                    <span>弹窗广告</span>
                </h1>
                <div class='xinzen' @click='newtanchuang()'>新增弹窗广告</div>
                <div style='width:100%;border:1px solid #ddd;height:.3px solid #ddd;margin-top:10px;'></div>
                <el-table
                            ref="multipleTable"
                            :data="tangchangguanggao"
                            border
                            style="width: 100%"
                            @selection-change="handleSelectionChange">
                            <!-- <el-table-column
                            type="selection"
                            >
                            </el-table-column> -->
                            <el-table-column
                            prop="title"
                            label="标题"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.title'> {{ scope.row.title }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            label="有效期"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.startTime'>
                                       <div>{{ timestampToDate(scope.row.startTime) }} </div>
                                        <div>
                                          {{ timestampToDate(scope.row.endTime) }}
                                        </div>
                                   </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="popUrl"
                            label="跳转地址"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.popUrl'> {{ scope.row.popUrl }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="state"
                            label="状态"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.state'> {{ scope.row.state }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="showType"
                            label="终端"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.showType'> {{ scope.row.showType }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column label="操作">
                                    <template slot-scope="scope">
                                        <el-button
                                        size="small"
                                        type="text"
                                        @click='tanchuangedit(scope.$index, scope.row)'
                                        >查看</el-button>
                                         <el-button
                                        size="small"
                                        type="text"
                                        @click='shangchuedit(scope.$index, scope.row)'
                                        >删除</el-button>
                                    </template>
                            </el-table-column>  
                                   
                </el-table>
                <pagination
                        :current-page='tanchuang.pageNum'
                        :total-page='tanchuang.totalPage'
                        @pageChange='popupAdsfindAll'>
                </pagination> 
                <!-- tanchuangeditform -->
                <modal
                     title="查看弹窗广告"
                    :show='tanchuangeditform'
                    @close='tanchuangeditform=false'
                    cancle-text=''
                    confirm-text=''
                    reset-text=''
                >
                 <ul v-if='respopupAdsfind'>
                    <li class="result-info__item">
                            <div class="result-info__key">实际点击人数</div>
                                <div class="result-info__value">
                                    ---
                                 <!-- <span v-if='baseCheck1.realName'>{{baseCheck1.realName}}</span>
                                 <span v-else>--</span> -->
                            </div>
                    </li>
                    <li class="result-info__item">
                            <div class="result-info__key">实际点击次数</div>
                                <div class="result-info__value">
                                    ---
                                 <!-- <span v-if='baseCheck1.title'>{{baseCheck1.realName}}</span>
                                 <span v-else>--</span> -->
                            </div>
                    </li>
                    <li class="result-info__item">
                            <div class="result-info__key">标题</div>
                                <div class="result-info__value">
                                 <span v-if='respopupAdsfind.title'>{{respopupAdsfind.title}}</span>
                                 <span v-else>--</span>
                            </div>
                    </li>
                    <li class="result-info__item">
                            <div class="result-info__key">图片</div>
                                <div class="result-info__value">
                                 <span v-if='respopupAdsfind.url'>
                                     <img :src='respopupAdsfind.url' width='150px' height='100px'>
                                 </span>
                                 <span v-else>--</span>
                            </div>
                    </li>
                    <li class="result-info__item">
                            <div class="result-info__key">有效期</div>
                                <div class="result-info__value">
                                 <span v-if='respopupAdsfind.startTime'>{{timestampToDate(respopupAdsfind.startTime)}} -- {{timestampToDate(respopupAdsfind.endTime)}}</span>
                                 <span v-else>--</span>
                            </div>
                    </li>
                    <li class="result-info__item">
                            <div class="result-info__key">终端</div>
                                <div class="result-info__value">
                                 <span v-if='respopupAdsfind.showType'>{{respopupAdsfind.showType}}</span>
                                 <span v-else>--</span>
                            </div>
                    </li>
                    <li class="result-info__item">
                            <div class="result-info__key">频率</div>
                                <div class="result-info__value">
                                 <span v-if='respopupAdsfind.popFreq'>{{changemerju(respopupAdsfind.popFreq)}}</span>
                                 <span v-else>--</span>
                            </div>
                    </li>
                    <li class="result-info__item">
                            <div class="result-info__key">跳转方式</div>
                                <div class="result-info__value">
                                 <span v-if='respopupAdsfind.jumpWay'>{{respopupAdsfind.jumpWay}}</span>
                                 <span v-else>--</span>
                            </div>
                    </li>
                </ul>
                </modal>
                 <!-- newtanchuangform -->
                 <modal
                     title="查看弹窗广告"
                    :show='newtanchuangform'
                    @close='newtanchuangform=false'
                    reset-text=""
                    confirm-text="发送"
                    @confirm='popupAdsadd'
                >
                    <div class='main-body'>
                    <div class='left-bodys'>标题</div>
                        <span>
                            <input type="text" class='channel-names' v-model="titlec">
                        </span>
                    </div>
                    <div class='main-body'>
                        <div class='left-bodys'>图片</div>
                        <div>
                            <img :src="imgUrlN" width="130px">
                        </div>
                        
                        <div class='shangchuan' @change='file'><input type="file" >并上传文件</div>
                        
                    </div>
                    <div class='main-body'>
                    <div class='left-bodyss' >开始有效时间</div>
                   <el-date-picker
                        size='mini'
                        type="datetime"
                        v-model="starttimedate"
                        placeholder="选择日期时间">
                   </el-date-picker>
                </div>
                <div class='main-body'>
                    <div class='left-bodyss'>结束有效时间</div>
                   <el-date-picker
                        size='mini'
                        type="datetime"
                        v-model="endtimedate"
                        placeholder="选择日期时间">
                   </el-date-picker>
                </div>
                 <div class='main-body'>
                          <div class='left-bodys'>弹窗频率</div>
                       <!-- <el-radio-group v-model="radio2"> -->
                           <div>
                                <div>
                                    <el-radio v-model="rounter" label="FIRST_ONE">仅首次</el-radio>
                                </div>
                                <div  style='margin-top:10px;' class='msgIt'>
                                    <el-radio v-model="rounter" label="EVERY_DAY_ONE">每1天弹1次</el-radio>
                                </div>
                           </div>
                </div>
                 <div class='main-body'>
                          <div class='left-bodys'>终端</div>
                       <!-- <el-radio-group v-model="radio2"> -->
                           <div>
                                <div>
                                    <el-radio v-model="rounter1" :label="0">B端</el-radio>
                                </div>
                                <div  style='margin-top:10px;' class='msgIt'>
                                    <el-radio v-model="rounter1" :label="1">C端</el-radio>
                                </div>
                           </div>
                 </div>
                 <div class='main-body'>
                          <div class='left-bodys'>跳转方式</div>
                       <!-- <el-radio-group v-model="radio2"> -->
                           <div>
                                <div>
                                    <el-radio v-model="radiostuido" :label="0">不跳转</el-radio>
                                </div>
                                <div  style='margin-top:10px;' class='msgIt'>
                                    <el-radio v-model="radiostuido" :label="1">跳转到native</el-radio>
                                    <!-- <input type="text" style='border:1px solid;' v-if='radio2==1'> -->
                                    <el-select v-model="valKey" placeholder="请选择" v-if='radiostuido==1' size='mini' class='asd'>
                                        <el-option
                                        v-for="item in valKey1"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                        </el-option>
                                    </el-select>
                                </div>
                                <div  style='margin-top:10px;'>
                                    <el-radio v-model="radiostuido" :label="2">跳转到H5</el-radio>
                                    <input type="text" style='border:1px solid #bfcbd9;height:20px;' v-if='radiostuido==2' v-model="flow">
                                </div>
                           </div>
                           
                        <!-- </el-radio-group> -->
                </div>
                 </modal>
           </el-tab-pane>   
           <el-tab-pane label="Banner" name="2">
                <h1 class="card-title">
                    <span>C端Banner广告</span>
                </h1>
                 <el-table
                            ref="multipleTable"
                            :data="tableData1"
                            border
                            style="width: 100%"
                            @selection-change="handleSelectionChange">
                            <!-- <el-table-column
                            type="selection"
                            >
                            </el-table-column> -->
                            <el-table-column
                            prop="bannerId"
                            label="排序"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.bannerId'> {{ scope.row.bannerId }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="title"
                            label="标题"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.title'> {{ scope.row.title }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="problemStr"
                            label="有效期"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.effectTime'>
                                       <div>{{ timestampToDate(scope.row.effectTime) }} </div>
                                        <div>
                                          {{ timestampToDate(scope.row.expiryTime) }}
                                        </div>
                                   </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="createdTime"
                            label="跳转地址"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.redirectUrl'> {{ scope.row.redirectUrl }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="status"
                            label="状态"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.status'> {{scope.row.status}} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column label="操作">
                                    <template slot-scope="scope">
                                        <el-button
                                        size="small"
                                        type="text"
                                        @click='editpus(scope.$index, scope.row)'
                                        >编辑</el-button>
                                      
                                    </template>
                            </el-table-column>  
                                   
            </el-table>
            <pagination
                       :current-page='tablecallee.pageNum'
                       :total-page='tablecallee.totalPage'
                       @pageChange='bannerfindAllC'>
             </pagination> 
            <!-- alertForm -->
            <modal
            title="| 修改C端Banner广告"
            :show='alertForm'
            @close='alertForm=false'
            @reset='resetevery()'
            cancle-text='取消'
            confirm-text='保存'
            reset-text='重置所有内容'
            @confirm='bannersavei'
            >
                <div class='main-body'>
                    <div class='left-bodys'>标题</div>
                    <span>
                        <input type="text" class='channel-names' v-model="titleB">
                    </span>
                </div>
                <div class='main-body'>
                    <div class='left-bodys'>图片</div>
                    <div>
                        <img :src="imgUrlN" width="130px">
                    </div>
                    <!-- <span> -->
                        <div class='shangchuan' @change='file'><input type="file" >并上传文件</div>
                    <!-- </span> -->
                </div>
                <div class='main-body'>
                    <div class='left-bodyss' >开始有效时间</div>
                   <el-date-picker
                        size='mini'
                        v-model="effectTimeB"
                        type="datetime"
                        placeholder="选择日期时间">
                   </el-date-picker>
                </div>
                <div class='main-body'>
                    <div class='left-bodyss'>结束有效时间</div>
                   <el-date-picker
                        size='mini'
                        v-model="expiryTimeB"
                        type="datetime"
                        placeholder="选择日期时间">
                   </el-date-picker>
                </div>
                 <div class='main-body'>
                          <div class='left-bodys'>跳转方式</div>
                       <!-- <el-radio-group v-model="radio2"> -->
                           <div>
                                <div>
                                    <el-radio v-model="radio2" :label="0">不跳转</el-radio>
                                </div>
                                <div  style='margin-top:10px;' class='msgIt'>
                                    <el-radio v-model="radio2" :label="1">跳转到native</el-radio>
                                    <!-- <input type="text" style='border:1px solid;' v-if='radio2==1'> -->
                                    <el-select v-model="valKey" placeholder="请选择" v-if='radio2==1' size='mini' class='asd'>
                                        <el-option
                                        v-for="item in valKey"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                        </el-option>
                                    </el-select>
                                </div>
                                <div  style='margin-top:10px;'>
                                    <el-radio v-model="radio2" :label="2">跳转到H5</el-radio>
                                    <input type="text" style='border:1px solid #bfcbd9;height:20px;' v-if='radio2==2' v-model="flow">
                                </div>
                           </div>
                           
                        <!-- </el-radio-group> -->
                </div>
            </modal>
            <!-- B端Banner广告 -->
                <h1 class="card-title">
                    <span>B端Banner广告</span>
                </h1>
                <el-table
                            ref="multipleTable"
                            :data="tableData5"
                            border
                            style="width: 100%"
                            @selection-change="handleSelectionChange">
                            <!-- <el-table-column
                            type="selection"
                            >
                            </el-table-column> -->
                            <el-table-column
                            prop="bannerId"
                            label="排序"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.bannerId'> {{ scope.row.bannerId }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="title"
                            label="标题"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.title'> {{ scope.row.title }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="problemStr"
                            label="有效期"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.effectTime'>
                                       <div>{{ timestampToDate(scope.row.effectTime) }} </div>
                                        <div>
                                          {{ timestampToDate(scope.row.expiryTime) }}
                                        </div>
                                   </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="createdTime"
                            label="跳转地址"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.redirectUrl'> {{ scope.row.redirectUrl }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="status"
                            label="状态"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.status'> {{scope.row.status}} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column label="操作">
                                    <template slot-scope="scope">
                                        <el-button
                                        size="small"
                                        type="text"
                                        @click='editTip(scope.$index, scope.row)'
                                        >编辑</el-button>
                                      
                                    </template>
                            </el-table-column>                            
            </el-table>
            <!-- tablelist -->
            <pagination
                       :current-page='tablelist.pageNum'
                       :total-page='tablelist.totalPage'
                       @pageChange='bannerfindAllB'>

            </pagination>
            <!-- findBallotForm -->
            <!-- findBallotForm
                findBallotForm -->
                <modal
                title="| 修改B端Banner广告"
                :show='findBallotForm'
                @close='findBallotForm=false'
                cancle-text='取消'
                confirm-text='保存'
                reset-text="重置所有内容"
                @reset='resetevery()'
                @confirm='bannersaveb'
            >
                <div class='main-body'>
                    <div class='left-bodys'>标题</div>
                    <span>
                        <input type="text" class='channel-names' v-model="titleB">
                    </span>
                </div>
                <div class='main-body'>
                    <div class='left-bodys'>图片</div>
                    <div>
                        <img :src="imgUrlN" width="130px">
                    </div>
                    <!-- <span> -->
                        <div class='shangchuan' @change='file'><input type="file" >并上传文件</div>
                    <!-- </span> -->
                </div>
                <div class='main-body'>
                    <div class='left-bodyss' >开始有效时间</div>
                   <el-date-picker
                        size='mini'
                        v-model="effectTimeB"
                        type="datetime"
                        placeholder="选择日期时间">
                   </el-date-picker>
                </div>
                <div class='main-body'>
                    <div class='left-bodyss'>结束有效时间</div>
                   <el-date-picker
                        size='mini'
                        v-model="expiryTimeB"
                        type="datetime"
                        placeholder="选择日期时间">
                   </el-date-picker>
                </div>
                 <div class='main-body'>
                          <div class='left-bodys'>跳转方式</div>
                       <!-- <el-radio-group v-model="radio2"> -->
                           <div>
                                <div>
                                    <el-radio v-model="radio2" :label="0">不跳转</el-radio>
                                </div>
                                <div  style='margin-top:10px;' class='msgIt'>
                                    <el-radio v-model="radio2" :label="1">跳转到native</el-radio>
                                    <!-- <input type="text" style='border:1px solid;' v-if='radio2==1'> -->
                                    <el-select v-model="valKey" placeholder="请选择" v-if='radio2==1' size='mini' class='asd'>
                                        <el-option
                                        v-for="item in valKey"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                        </el-option>
                                    </el-select>
                                </div>
                                <div  style='margin-top:10px;'>
                                    <el-radio v-model="radio2" :label="2">跳转到H5</el-radio>
                                    <input type="text" style='border:1px solid #bfcbd9;height:20px;' v-if='radio2==2' v-model="flow">
                                </div>
                           </div>
                           
                        <!-- </el-radio-group> -->
                </div>
            </modal>
           </el-tab-pane>   
           <el-tab-pane label="站内信" name="3">
               <h1 class="card-title">
                    <span>站内信</span>
                </h1>
           </el-tab-pane>    
           <el-tab-pane label="版本更新" name="4">
                <h1 class="card-title">
                    <span>版本更新</span>
                </h1>
                <div class='main-body'>
                    <div class='high-body'>
                        <div class='no-date'>
                                <span class='andriod-ios'>安卓当前版本</span>
                                <div class='start-activity'>
                                    <p class='private-far'>
                                        <span style='width:100px;display:inline-block;'>更新方式:</span>
                                        <span>
                                            <el-radio-group v-model="andriod.updateMode">
                                                <el-radio :label="1">强制更新</el-radio>
                                                <el-radio :label="2">提示更新</el-radio>
                                                <el-radio :label="3">不提示</el-radio>
                                            </el-radio-group>
                                        </span> 
                                    </p>
                                    <p class='private-far'>
                                        <span style='width:100px;display:inline-block;'>标题:</span>
                                        <span>
                                            <input type="text" class='channel-name' v-model="andriod.title">
                                        </span> 
                                    </p>  
                                    <p class='private-far'>
                                        <span style='width:100px;display:inline-block;'>内容:</span>
                                        <span>
                                            <textarea class='text-area' cols="30" rows="5" v-model="andriod.content"></textarea>
                                        </span> 
                                    </p>    
                                    <p class='private-far'>
                                        <span style='width:100px;display:inline-block;'>内部版本号:</span>
                                        <span>
                                            <input type="text" class='channel-name' v-model="andriod.versionCode">
                                        </span> 
                                    </p>  
                                    <p class='private-far'>
                                        <span style='width:100px;display:inline-block;'>更新版本号:</span>
                                        <span>
                                            <input type="text" class='channel-name' v-model="andriod.versionNumber">
                                        </span> 
                                    </p> 
                                    <p class='private-far'>
                                        <span style='width:100px;display:inline-block;'>URL:</span>
                                        <span>
                                            <input type="text" class='channel-name' v-model="andriod.appUrl">
                                        </span> 
                                    </p> 
                                </div>
                                <div style='margin-left:20px;'>
                                        <el-button type="primary" v-if='andriod.versionNumber' @click='updataAndriod()'>更新</el-button>
                                        <el-button type="primary" v-else @click='saveItem()'>保存</el-button>
                                        <el-button type="primary">取消</el-button>
                                </div> 
                        </div>
                    </div>
                    <div class='lower-body'>
                        <div class='no-date'>
                                <span class='andriod-ios'>IOS当前版本</span>
                                <div class='start-activity'>
                                    <p class='private-far'>
                                        <span style='width:100px;display:inline-block;'>更新方式:</span>
                                        <span>
                                            <el-radio-group v-model="ios.updateMode">
                                                <el-radio :label="1">强制更新</el-radio>
                                                <el-radio :label="2">提示更新</el-radio>
                                                <el-radio :label="3">不提示</el-radio>
                                            </el-radio-group>
                                        </span> 
                                    </p>
                                    <p class='private-far'>
                                        <span style='width:100px;display:inline-block;'>标题:</span>
                                        <span>
                                            <input type="text" class='channel-name' v-model="ios.title">
                                        </span> 
                                    </p>  
                                    <p class='private-far'>
                                        <span style='width:100px;display:inline-block;'>内容:</span>
                                        <span>
                                            <textarea class='text-area' cols="30" rows="5" v-model="ios.content"></textarea>
                                        </span> 
                                    </p>    
                                    <p class='private-far'>
                                        <span style='width:100px;display:inline-block;'>内部版本号:</span>
                                        <span>
                                            <input type="text" class='channel-name' v-model="ios.versionCode">
                                        </span> 
                                    </p>  
                                    <p class='private-far'>
                                        <span style='width:100px;display:inline-block;'>更新版本号:</span>
                                        <span>
                                            <input type="text" class='channel-name' v-model="ios.versionNumber">
                                        </span> 
                                    </p> 
                                    <p class='private-far'>
                                        <span style='width:100px;display:inline-block;'>URL:</span>
                                        <span>
                                            <input type="text" class='channel-name' v-model="ios.appUrl">
                                        </span> 
                                    </p> 
                                </div>
                                <div style='margin-left:20px;'>
                                        <el-button type="primary" v-if='ios.versionNumber' @click="updataIos()">更新</el-button>
                                        <el-button type="primary" v-else @click='saveItemIos()'>保存</el-button>
                                        <el-button type="primary">取消</el-button>
                                </div> 
                        </div>
                    </div>
                </div>
           </el-tab-pane>   
           <el-tab-pane label="意见反馈" name="5">
               <h1 class="card-title">
                    <span>意见反馈</span>
               </h1>
               <el-table
                            ref="multipleTable"
                            :data="tableData"
                            border
                            style="width: 100%"
                            @selection-change="handleSelectionChange">
                            <!-- <el-table-column
                            type="selection"
                            >
                            </el-table-column> -->
                            <el-table-column
                            prop="name"
                            label="姓名"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.name'> {{ scope.row.name }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="mobile"
                            label="手机号"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.mobile'> {{ scope.row.mobile }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="problemStr"
                            label="内容"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.problemStr'> {{ scope.row.problemStr }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="createdTime"
                            label="提交时间"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.createdTime'> {{ timestampToDate(scope.row.createdTime) }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <!-- <el-table-column label="操作">
                                    <template slot-scope="scope">
                                        <el-button
                                        size="small"
                                        type="text"
                                
                                        >编辑</el-button>
                                      
                                    </template>
                            </el-table-column>   -->
                                   
            </el-table>
            <pagination
                      :current-page='recordss.pageNum'
                      :total-page='recordss.totalPage'
                      @pageChange='helpsfindAll'>
            </pagination> 
           </el-tab-pane>   
           <!-- 帮助中心 -->
           <el-tab-pane label="帮助中心" name="6">
               <h1 class="card-title">
                    <span>B端帮助中心</span>
               </h1>
               <el-table
                            ref="multipleTable"
                            :data="tableData3"
                            border
                            style="width: 100%"
                            @selection-change="handleSelectionChange">
                            <!-- <el-table-column
                            type="selection"
                            >
                            </el-table-column> -->
                            <el-table-column
                            prop="id"
                            label="排序"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.id'> {{ scope.row.id }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                             <el-table-column
                            prop="title"
                            label="标题"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.title'> {{ scope.row.title }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                             <el-table-column
                            prop="content"
                            label="内容"
                            >
                                <template slot-scope="scope">
                                   <span v-if='scope.row.content'> {{ scope.row.content }} </span>
                                   <span v-else>--</span>
                                </template>
                            </el-table-column>
                            <el-table-column label="操作">
                                    <template slot-scope="scope">
                                        <el-button
                                        size="small"
                                        type="text"
                                        @click='editPick(scope.$index, scope.row)'
                                        >编辑</el-button>
                                      
                                    </template>
                            </el-table-column>  
                                   
            </el-table>
            <pagination
                      :current-page='recordss.pageNum'
                      :total-page='recordss.totalPage'
                      @pageChange='helpsfindAll'>
            </pagination> 
            <modal
            title="修改B端帮助中心"
            :show='allot2'
            @close='allot2=false'
            cancle-text='取消'
            confirm-text='保存'
            @confirm='helpspdate'
            reset-text=""
            >
            <div class='main-body'>
                <div class='left-bodys'>标题</div>
                <span>
                    <input type="text" class='channel-names' v-model="titleI">
                </span>
            </div>
             <div class='main-body'>
                <div class='left-bodys'>内容</div>
                <!-- <span> -->
                    <!-- <img :src="imgUrlN" > -->
                <!-- </span> -->
                <span>
                    <textarea name="" id="" cols="30" rows="10" class='text-areaa' v-model="contentI"></textarea>
                </span>
            </div>
             <!-- <p class='private-far'>
                   <span style='width:100px;display:inline-block;'>标题:</span>
                         <span>
                            <input type="text" class='channel-name'>
                         </span> 
            </p>  
            <p class='private-far'>
                   <span style='width:100px;display:inline-block;'>内容:</span>
                    <span>
                          <textarea class='text-area' cols="30" rows="5"></textarea>
                    </span> 
            </p>   -->
            </modal>
           </el-tab-pane>   
           <!-- 邀请有奖 -->
           <!-- 邀请有奖 -->
           <!-- 邀请有奖 -->
           <el-tab-pane label="邀请有奖" name="7">
               <!-- <h1 class="card-title">
                    <span>邀请有奖</span>
               </h1> -->
               <div class='invite-hasprice'>
                   <div class='invite-flexone'>
                       <div class='quanju'>
                            <div class='padi-tarr'>
                                    <span>| B端邀请有奖奖励设置</span>
                            </div>
                                        <div style='width:100%;margin:10px 0px;border:1px solid #ddd;border-radius: 4px;'>
                                            <div class='padding-table'>
                                                <table  width="100%">
                                                                <thead class="table-list__head">
                                                                    <tr style='background:#00b1b3'>
                                                                        <th style='text-align:center;font-size:15px;color:#fff;'>行为</th>
                                                                        <th style='font-size:15px;color:#fff;'>赠送数量</th>
                                                                        <th style='font-size:15px;color:#fff;'>操作</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody class="table-list__head">
                                                                    <tr >
                                                                        <td style='text-align:center;'>
                                                                            被邀请人完成注册
                                                                        </td>
                                                                        <td >
                                                                            {{invitesuccess2}}
                                                                        </td>
                                                                        <td >
                                                                            <span class='change-iyon'  @click='tzChange()'>调整</span>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                                <tbody class="table-list__head">
                                                                    <tr >
                                                                        <td style='text-align:center;'>
                                                                            被邀请人完成审核
                                                                            <!-- <span v-if='scoreUserToday.newUserCount==undefined'>--</span>
                                                                            <span v-else>{{scoreUserToday.newUserCount}}</span> -->
                                                                        </td>
                                                                        <td>
                                                                            {{invitesuccess}}
                                                                        </td>
                                                                        <td>
                                                                            <span class='change-iyon' @click='tzChange1()'>调整</span>
                                                                        </td>
                                                                    
                                                                    </tr>
                                                                </tbody>
                                                                 <tbody class="table-list__head">
                                                                    <tr >
                                                                    
                                                                        <td style='text-align:center;'>
                                                                                被邀请人首次充值
                                                                            <!-- <span v-if='scoreUserToday.newUserCount==undefined'>--</span>
                                                                            <span v-else>{{scoreUserToday.newUserCount}}</span> -->
                                                                        </td>
                                                                        <td>
                                                                            {{invitesuccess1}}
                                                                        </td>
                                                                        <td>
                                                                            <span class='change-iyon' @click='tzChange2'>调整</span>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                </table>
                                            </div>
                                    </div>
                       </div>
                   </div>
                   <div class='invite-flextwo'>
                       <div class='quanju1'>
                           <div class='padi-tarr'>
                                    <span>| B端邀请有奖规则</span>
                                    <span class='button-tijiao' @click='invitePrizeaveRule()'>提交</span>
                            </div>
                            <div style='margin-top:10px;'>
                                <textarea name="" id="" cols="30" rows="10" class='text-area-meta' v-model="invitesuccess3"></textarea>
                            </div>
                       </div>
                   </div>
               </div>
               <div>
                   <div class='padi-tarr'>
                       <span>| 邀请有奖记录</span>
                   </div>
                   <div style='width:100%;border:1px solid #ddd;height:1px solid #ddd;'></div>
                    <!-- 表格 -->
                    <div style='margin-top:20px;'>
                            <div class="order-form form-table">
                                    <div class="form-item">
                                            <div class="form-item__key">邀请人</div>
                                            <div class="form-item__value">
                                                <input type="tel" placeholder="请输入手机号码" v-model='lenders'>
                                            </div>
                                            <div class="form-item__key">被邀请人</div>
                                            <div class="form-item__value">
                                                <input type="tel" placeholder="请输入手机号码" v-model='lenders1'>
                                            </div>
                                    </div>
                                    <div  class="form-button">
                                        <span class="form-button__item button" style='display:inline-block;' @click='resetI()'>重置</span>
                                        <span class="form-button__item button" style='display:inline-block;' @click='digfinally(1)'>搜索</span>
                                    </div>   
                                        
                            </div>
                            <el-table
                                    ref="multipleTable"
                                    :data="lasttable"
                                    border
                                    style="width: 100%"
                                    @selection-change="handleSelectionChange">
                                    <!-- <el-table-column
                                    type="selection"
                                    >
                                    </el-table-column> -->
                                    <el-table-column
                                    prop="mobile"
                                    label="邀请人"
                                    >
                                        <template slot-scope="scope">
                                        <span v-if='scope.row.mobile'> {{ scope.row.mobile }} </span>
                                        <span v-else>--</span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column
                                    prop="outMobile"
                                    label="被邀请人"
                                    >
                                        <template slot-scope="scope">
                                        <span v-if='scope.row.outMobile'> {{ scope.row.outMobile }} </span>
                                        <span v-else>--</span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column
                                    prop="status"
                                    label="行为"
                                    >
                                        <template slot-scope="scope">
                                        <span v-if='scope.row.status'> {{ scope.row.status }} </span>
                                        <span v-else>--</span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column
                                    prop="score"
                                    label="赠送数量"
                                    >
                                        <template slot-scope="scope">
                                        <span v-if='scope.row.score'> {{ scope.row.score }} </span>
                                        <span v-else>--</span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column
                                    prop="createTime"
                                    label="时间"
                                    >
                                        <template slot-scope="scope">
                                        <span v-if='scope.row.createTime'> {{ timestampToDate(scope.row.createTime) }} </span>
                                        <span v-else>--</span>
                                        </template>
                                    </el-table-column>
                                </el-table>
                                <pagination
                                        :current-page='lasttableone.pageNum'
                                        :total-page='lasttableone.totalPage'
                                        @pageChange='digfinally'>
                                </pagination> 
                            </div>

               </div>
               <modal
                title="修改B端邀请有奖奖励"
                :show='tzChangeForm'
                @close='tzChangeForm=false'
                cancle-text='取消'
                confirm-text='保存'
                reset-text=""
                @confirm='invitePrizeupdatePrize'
               >
                <div class='main-body'>
                        <div class='left-bodysss'>赠送数量</div>
                        <span>
                            <input type="number" class='channel-namess' v-model="arrayBuy">
                        </span>
                    </div>
               </modal>
               <!-- tzChangeForm1 -->
               <modal
                title="修改B端邀请有奖奖励"
                :show='tzChangeForm1'
                @close='tzChangeForm1=false'
                cancle-text='取消'
                confirm-text='保存'
                reset-text=""
                @confirm='invitePrizeupdatePrize1'
               >
                <div class='main-body'>
                        <div class='left-bodysss'>赠送数量</div>
                        <span>
                            <input type="number" class='channel-namess' v-model="arrayBuy1">
                        </span>
                </div>
               </modal>
               <!-- tzChangeForm2 -->
               <modal
                title="修改B端邀请有奖奖励"
                :show='tzChangeForm2'
                @close='tzChangeForm2=false'
                cancle-text='取消'
                confirm-text='保存'
                reset-text=""
                @confirm='invitePrizeupdatePrize2'
               >
                <div class='main-body'>
                        <div class='left-bodysss'>赠送数量</div>
                        <span>
                            <input type="number" class='channel-namess' v-model="arrayBuy2">
                        </span>
                </div>
               </modal>
           </el-tab-pane>   
       </el-tabs>
      
       
       
    </div>
</template>

<script>
    import {Promise} from 'es6-promise'
    import footerBar from '../components/FooterBar.vue'
    import selectGroup from '../components/SelectGroup.vue'
    import selectOption from '../components/SelectOption.vue'
    import radioGroup from '../components/RadioGroup.vue'
    import datePicker from '../components/DatePicker.vue'
    import areaSelect from '../components/AreaSelect.vue'
    import radio from '../components/Radio.vue'
    import loading from '../components/Loading.vue'
    import tabBox from '../components/TabBox.vue'
    import tab from '../components/Tab.vue'
    import checkBox from '../components/CheckBox.vue'
    import checkBoxGroup from '../components/CheckBoxGroup.vue'
    import toolTip from '../components/ToolTip.vue'
    import modal from '../components/Modal.vue'
    import confirm from '../components/Confirm.vue'
    import buttonLoading from '../components/ButtonLoading.vue'
    import pagination from '../components/Pagination.vue'
    import dateFormat from '../filters/filter-dateFormat'
    import toYuan from '../filters/filter-toYuan'
    import  {mapGetters, mapActions}  from 'vuex'
    import {addLenderValidation, resetAccountPasswordValidation, operatorEditValidation} from '../validation/validation'
    import {allApi, lenderApi} from '../api/api'
    import moment from 'moment'
    export default {
        components:{
            footerBar,
            selectGroup,
            selectOption,
            radioGroup,
            tabBox,
            tab,
            radio,
            checkBox,
            checkBoxGroup,
            areaSelect,
            loading,
            toolTip,
            modal,
            confirm,
            buttonLoading,
            pagination,
            datePicker,
        },
        filters: {
            dateFormat,
            toYuan,
            booleanToStr(boolean){
                if (boolean === true) {
                return '是'
                }
                else {
                return '否'
                }
            }
        },
        data() {
            return {
                andriod:[],
                ios:[],
                loading:true,
                activeName:'1',
                tableData3:[],
                recordss:[],
                allot2:false,
                idResult:'',
                titleI:'',
                contentI:'',
                tableData:[],
                recordcallee:[],
                tableData1:[],
                alertForm:false,
                tablecallee:[],
                filefile:'',
                imgUrlN:'',
                value1:'',
                value2:'',
                radio2:3,
                valKey:'',
                valKey1: [{
                value: 'CHARGE_PAGE',
                label: '点券充值页'
                }, {
                value: 'ACCOUNT_PAGE',
                label: '账户页'
                }],
                flow:'',
                byBid:'',
                titleB:'',
                bannerIdB:'',
                effectTimeB:'',
                expiryTimeB:'',
                popTypeB:'',
                redirecturl:'',
                tableData5:[],
                tablelist:[],
                invitesuccess:'',
                invitesuccess1:'',
                invitesuccess2:'',
                invitesuccess3:'',
                tzChangeForm:false,
                tzChangeForm1:false,
                tzChangeForm2:false,
                arrayBuy:'',
                arrayBuy1:'',
                arrayBuy2:'',
                lasttable:[],
                lasttableone:[],
                lenders:'',
                lenders1:'',
                findBallotForm:false,
                bannerIdplus:'',
                tangchangguanggao:[],
                tanchuang:[],
                idBanner:'',
                tanchuangeditform:false,
                respopupAdsfind:{},
                newtanchuangform:false,
                starttimedate:'',
                endtimedate:'',
                rounter:'FIRST_ONE',
                rounter1:0,
                radiostuido:0,
                titlec:''
            }
        },
        computed:{
              ...mapGetters([
                            'msgTip',
                            'localInfo'
                        ]),
             returnShow(){
                 return 1
             }
        },
        methods:{
              ...mapActions([
                'showLoading',
                'hideLoading',
                'setMsgTip'
            ]),
        timestampToDate(timestamp){
                if (!timestamp) return this.placeholder
                return moment(timestamp).format('YYYY-MM-DD HH:mm:ss')
                },
        editpus(index,item){
            this.byBid=item.bannerId
            this.titleB=item.title
            this.imgUrlN=item.url
            this.alertForm=true
            this.effectTimeB=item.effectTime
            this.expiryTimeB=item.expiryTime
            this.radio2=item.popType
            this.flow=item.redirectUrl
            this.bannersave()
        },
        resetI(){
            this.lenders=''
            this.lenders1=''
        },
        resetevery(){
            // this.titleB=result.title
            //         this.bannerIdB=result.bannerId
            //         this.effectTimeB=result.effectTime
            //         this.expiryTimeB=result.expiryTime
            //         this.popTypeB=result.popType
                    this.titleB=''
                    this.bannerIdB=''
                    this.effectTimeB=''
                    this.expiryTimeB=''
                    // this.popTypeB=''
                    this.imgUrlN=''
                    this.radio2=''
                    this.flow=''
        },
        updatas(){
                console.log(223244344)
                // this.bannerupload()
        },
        // bannerupload
        handleSelectionChange(val) {
          this.multipleSelection = val;
        },
        file(e){
            // console.log(e)
                 let files = e.target.files;
                 this.filefile = files[0];
                 this.bannerupload()
        },
        bannerupload(){
                allApi.bannerupload(this.filefile)
                .then(result=>{
                    console.log(111)
                    // alert('222')
                    this.imgUrlN=result            
                })
                .catch(error => {
                    console.error(error)
                  
                })
        },
        versionList(){
                this.loading=true
                allApi.versionList()
                .then(result => {
                    // console.log(result)
                    this.loading=false
                    this.andriod=result.ANDROID
                    this.ios=result.IOS

                })
                .catch(error => {
                    console.error(error)
                    this.loading=false
                })
            }, 
        updataAndriod(){
            // console.log(111222)
            this.versionUpdate()
        },
        versionUpdate(){
            allApi.versionUpdate({
                    versionId:this.andriod.id,
                    type:'ANDROID',
                    updateMode:this.andriod.updateMode,
                    title:this.andriod.title,
                    content:this.andriod.content,
                    versionNumber:this.andriod.versionNumber,
                    versionCode:this.andriod.versionCode,
                    appUrl:this.andriod.appUrl
                })
                .then(result => {
                    // alert(result)
                    this.setMsgTip({
                        text: '已更新！',
                        type: 'success'
                    })
                })
                .catch(error => {
                    console.error(error)
                })
        },
        saveItem(){
            // console.log(2222333333333)
            this.versionSave()
        },
        // version/save
        versionSave(){
                // this.loading=true
                allApi.versionSave({
                    type:'ANDROID',
                    updateMode:this.andriod.updateMode,
                    title:this.andriod.title,
                    content:this.andriod.content,
                    versionNumber:this.andriod.versionNumber,
                    versionCode:this.andriod.versionCode,
                    appUrl:this.andriod.appUrl
                })
                .then(result => {
                    // alert(result)
                    this.setMsgTip({
                        text: '已提交',
                        type: 'success'
                    })
                })
                .catch(error => {
                    console.error(error)
                })
            }, 
            saveItemIos(){
                // console.log('222')
                this.versionSaveios()
            },
            versionSaveios(){
                // this.loading=true
                allApi.versionSave({
                    type:'IOS',
                    updateMode:this.ios.updateMode,
                    title:this.ios.title,
                    content:this.ios.content,
                    versionNumber:this.ios.versionNumber,
                    versionCode:this.ios.versionCode,
                    appUrl:this.ios.appUrl
                })
                .then(result => {
                    // alert(result)
                    this.setMsgTip({
                        text: '已提交',
                        type: 'success'
                    })
                })
                .catch(error => {
                    console.error(error)
                })
            }, 
            versionUpdateios(){
             allApi.versionUpdate({
                    versionId:this.ios.id,
                    type:'IOS',
                    updateMode:this.ios.updateMode,
                    title:this.ios.title,
                    content:this.ios.content,
                    versionNumber:this.ios.versionNumber,
                    versionCode:this.ios.versionCode,
                    appUrl:this.ios.appUrl
                })
                .then(result => {
                    // alert(result)
                    this.setMsgTip({
                        text: '已更新！',
                        type: 'success'
                    })
                })
                .catch(error => {
                    console.error(error)
                })
        },
            updataIos(){
                // console.log('更新')
                this.versionUpdateios()
            },
            // helpsfindAll
            helpsfindAll(num){
                allApi.helpsfindAll({
                    pageNum:num,
                    pageSize:20
                })
                .then(result => {
                    console.log(result)
                    this.tableData3=result.list
                    this.recordss=result
                })
                .catch(error => {
                    console.error(error)
                })
            },
            editPick(item,index){
                console.log(index)
                this.idResult = index.id
                this.allot2=true
                let params ={
                    id:this.idResult
                }
                allApi.findByPrimaryKey(params)
                .then(result =>{
                    console.log(11111)
                    this.titleI = result.title
                    this.contentI = result.content
                })
                .catch(error =>{
                    console.error(error)
                })
            },
            helpspdate(){
                let params ={
                    id:this.idResult,
                    title:this.titleI,
                    content:this.contentI
                }
                allApi.helpspdate(params)
                .then(result =>{
                    console.log(11111)
                    alert(11111)
                    this.allot2=false
                    this.helpsfindAll(this.recordss.pageNum)
                   
                })
                .catch(error =>{
                    console.error(error)
                })
            },
            feedBackfindAll(num){
                let params ={
                    pageNum:num,
                    pageSize:10
                }
                allApi.feedBackfindAll(params)
                .then(result =>{
                    this.tableData = result.list
                    this.recordcallee=result
                })
                .catch(error =>{
                    console.error(error)
                })
            },
            bannerfindAllC(num){
                let params ={
                    pageNum:num,
                    pageSize:10
                }
                allApi.bannerfindAllC(params)
                .then(result =>{
                    this.tableData1 = result.list
                    this.tablecallee =result
                })
                .catch(error =>{
                    console.error(error)
                })
            },
            // banner/save
            bannersave(){
                let params ={
                    bannerId:this.byBid
                }
                allApi.bannersave(params)
                .then(result =>{
                    console.log(result)
                    console.log(12121)
                    this.titleB=result.title
                    this.bannerIdB=result.bannerId
                    this.effectTimeB=result.effectTime
                    this.expiryTimeB=result.expiryTime
                    this.popTypeB=result.popType
                })
                .catch(error =>{
                    console.error(error)
                })
            },
            bannersave1(){
                let params ={
                    bannerId:this.bannerIdplus
                }
                allApi.bannersave(params)
                .then(result =>{
                    console.log(result)
                    console.log(12121)
                    this.titleB=result.title
                    this.bannerIdB=result.bannerId
                    this.effectTimeB=result.effectTime
                    this.expiryTimeB=result.expiryTime
                    this.popTypeB=result.popType
                })
                .catch(error =>{
                    console.error(error)
                })
            },
            bannersavei(){
                let params ={
                   bannerId:this.bannerIdB,
                   bizRoleEnum:'C',
                   title:this.titleB,
                   url:this.imgUrlN,
                   effectTime:moment(this.effectTimeB).format('YYYY-MM-DD HH:mm:ss'),
                   expiryTime:moment(this.expiryTimeB).format('YYYY-MM-DD HH:mm:ss'),
                   popType:this.radio2,
                   nativeType:this.valKey,
                   h5Addres:this.flow
                }
                allApi.bannersavei(params)
                .then(result =>{
                    console.log(result)
                    this.alertForm=false
                    this.bannerfindAllC(this.tablecallee.pageNum)
                    alert('保存成功')
                })
                .catch(error =>{
                    console.error(error)
                })
            },
            bannersaveb(){
                let params ={
                   bannerId:this.bannerIdB,
                   bizRoleEnum:'B',
                   title:this.titleB,
                   url:this.imgUrlN,
                   effectTime:moment(this.effectTimeB).format('YYYY-MM-DD HH:mm:ss'),
                   expiryTime:moment(this.expiryTimeB).format('YYYY-MM-DD HH:mm:ss'),
                   popType:this.radio2,
                   nativeType:this.valKey,
                   h5Addres:this.flow
                }
                allApi.bannersavei(params)
                .then(result =>{
                    console.log(result)
                    this.findBallotForm=false
                    this.bannerfindAllB(this.tablelist.pageNum)
                    alert('保存成功')
                })
                .catch(error =>{
                    console.error(error)
                })
            },


            bannerfindAllB(num){
                let params ={
                    pageNum:num,
                    pageSize:10
                }
                allApi.bannerfindAllB(params)
                .then(result =>{
                   
                })
                .catch(error =>{
                    console.error(error)
                })
            },
            // 邀请有奖
            // 邀请有奖
            // 邀请有奖
            invitePrizeupdateRule(){
                let params ={}
                allApi.invitePrizeupdateRule(params)
                .then(result=>{
                    // alert(111)
                    this.invitesuccess=result.INVITE_PRIZE_EXAMINE_SUCCESS
                    this.invitesuccess1=result.INVITE_PRIZE_FIRST_CHARGE
                    this.invitesuccess2=result.INVITE_PRIZE_REGISTER
                    this.invitesuccess3=result.INVITE_PRIZE_RULE
                })
                .catch(error=>{
                    // alert(222)
                })
            },
            tzChange(){
                // alert(11)
                this.tzChangeForm=true
                this.arrayBuy = _.clone(this.invitesuccess2)
            },
            tzChange1(){
                // alert(22)
                this.tzChangeForm1=true
                this.arrayBuy1 = _.clone(this.invitesuccess)
            },
            tzChange2(){
                this.tzChangeForm2=true
                this.arrayBuy2 = _.clone(this.invitesuccess1)
            },
            invitePrizeupdatePrize(){
                allApi.invitePrizeupdatePrize({
                    rank:1,
                    number:this.arrayBuy
                })
                .then(result=>{
                    console.log(result)
                    this.tzChangeForm=false
                    this.invitePrizeupdateRule()
                    alert('成功')
                
                })
                .catch(error=>{
                    console.error(error)
                })
            },
            invitePrizeupdatePrize1(){
                allApi.invitePrizeupdatePrize({
                    rank:2,
                    number:this.arrayBuy1
                })
                .then(result=>{
                    console.log(result)
                    this.tzChangeForm1=false
                    this.invitePrizeupdateRule()
                    alert('成功')
                
                })
                .catch(error=>{
                    console.error(error)
                })
            },
            invitePrizeupdatePrize2(){
                allApi.invitePrizeupdatePrize({
                    rank:3,
                    number:this.arrayBuy2
                })
                .then(result=>{
                    console.log(result)
                    this.tzChangeForm2=false
                    this.invitePrizeupdateRule()
                    alert('成功')
                })
                .catch(error=>{
                    console.error(error)
                })
            },
            digfinally(num){
                allApi.digfinally({
                    mobile:this.lenders,
                    outMobile:this.lenders1,
                    pageNum:num,
                    pageSize:10
                })
                .then(result=>{
                    this.lasttable=result.list
                    this.lasttableone=result
                })
                .catch(error=>{
                    console.error(error)
                })
            },
            invitePrizeaveRule(){
                // alert(22)
                let params={
                    // {
                  value:this.invitesuccess3
                // }
                }
                allApi.invitePrizeaveRule(params)
                .then(result=>{
                   alert('成功')
                })
                .catch(error=>{
                    console.error(error)
                })
            },
            // bannerB端
            // bannerB端
            // bannerB端
            bannerfindAllB(num){
                // alert(22)
                let params={
                    // {
                  pageNum:num,
                  pageSize:10
                // }
                }
                allApi.bannerfindAllB(params)
                .then(result=>{
                   console.log('成功')
                   this.tableData5=result.list
                   this.tablelist=result
                })
                .catch(error=>{
                    console.error(error)
                })
            },
            editTip(index,item){
                this.bannerIdplus=item.bannerId;
                this.titleB=item.title
                this.imgUrlN=item.url;
                this.findBallotForm=true
                this.effectTimeB=item.effectTime
                this.expiryTimeB=item.expiryTime
                this.radio2=item.popType
                this.flow=item.redirectUrl
                this.bannersave1()
            },
            // 弹窗广告
            // popupAdsfindAll
            popupAdsfindAll(num){
                    let params ={
                        pageNum:num,
                        pageSize:10
                    }
                    allApi.popupAdsfindAll(params)
                    .then(result=>{
                        console.log(result)
                        this.tangchangguanggao=result.list
                        this.tanchuang=result
                    })
                    .catch(error=>{
                        console.error(error)
                    })
            },
            tanchuangedit(index,item){
                // alert(111)
                // console.log(item)
                this.idBanner=item.id
                this.tanchuangeditform=true
                this.popupAdsfind()
            },
            popupAdsfind(){
                let params ={
                    id:this.idBanner
                }
                allApi.popupAdsfind(params)
                .then(res=>{
                    console.log(res)
                    this.respopupAdsfind=res
                })
                .catch(err=>{
                    console.log(err)
                })
            },
            changemerju(a){
                // FIRST_ONE
                if(a=='FIRST_ONE') return '仅首次'
                return '每1天弹一次'
            },
            shangchuedit(index,item){
                // alert(222)
                this.idBanner=item.id
                console.log(item)
                this.popupAdsdelete()
            },
            popupAdsdelete(){
                let params ={
                    id:this.idBanner
                }
                allApi.popupAdsdelete(params)
                .then(res=>{
                    alert('删除成功')
                    this.popupAdsfindAll(this.tanchuang.pageNum)
                })
                .catch(err=>{
                    alert(222)
                })
            },
            newtanchuang(){
                // alert('111')
                this.newtanchuangform=true
            },
            // popupAds/add
            popupAdsadd(){
                let params={
                    title:this.titlec,
                    url:this.imgUrlN,
                    effectTime:moment(this.starttimedate).format('YYYY-MM-DD HH:mm:ss'),
                    expiryTime:moment(this.endtimedate).format('YYYY-MM-DD HH:mm:ss'),
                    popFreqEnum:this.rounter,
                    show_type:'',
                    popType:this.radiostuido,
                    nativeType:this.valKey,
                    popUrl:this.flow
                }
                allApi.popupAdsadd(params)
                .then(res=>{
                    alert('新增成功')
                    this.newtanchuangform=false
                    this.popupAdsfindAll(this.tanchuang.pageNum)
                })
                .catch(error=>{
                    console.error(error)
                })

            }
        },
        created(){
            this.versionList()
            this.helpsfindAll(1)
            this.feedBackfindAll(1)
            this.bannerfindAllC(1)
            this.bannerfindAllB(1)
            this.invitePrizeupdateRule()
            this.digfinally(1)
            this.popupAdsfindAll(1)
        },
    }
</script>

<style lang="scss">
    @import "../sass/variables";
    @import "../sass/extends";
    @import "../sass/mixins";
    #versiondata-index{
          width: 95%;
          .el-input__icon {
                position: absolute;
                width: 35px;
                height: 100%;
                right: 0;
                top: -17px;
                text-align: center;
                color: #bfcbd9;
                transition: all .3s;
            }
            .msgIt .el-input__icon {
                position: absolute;
                width: 35px;
                height: 100%;
                right: 0;
                top: 12px!important;
                text-align: center;
                color: #bfcbd9;
                -webkit-transition: all .3s;
                transition: all .3s;
            }
           .el-tabs__active-bar {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 3px;
                background-color: #13ce66;
                z-index: 1;
                transition: transform .3s cubic-bezier(.645,.045,.355,1);
                list-style: none;
        }
        .el-tabs__nav {
            position: relative;
            transition: transform .3s;
            float: none; 
            width: 611px;
            margin: 0 auto;
        }
        .el-tabs {
            margin: 39px 0px -22px 0px;
        }
        .el-tabs__item.is-active {
            color: #00b1b3;
        }
        padding-right: 40px;
        .main-body{
            display: flex;
            .high-body{
                background: #EDF2FC;
                width: 50%;
                .no-date{
                    padding: 20px 5px;
                    border: 1px dashed #D8DCE5;
                    .andriod-ios{
                        font-size: 20px;
                        font-weight: bold;
                        color: black;
                     }
                     .start-activity{
                        padding: 50px 25px;
                        .private-far{
                            padding: 20px 0;
                        }
                    }
                }
            }
            .lower-body{
                background: #EDF2FC;
                width: 50%;
                .no-date{
                    padding: 20px 5px;
                    border: 1px dashed #D8DCE5;
                    .andriod-ios{
                        font-size: 20px;
                        font-weight: bold;
                        color: black;
                     }
                      .start-activity{
                        padding: 50px 25px;
                        .private-far{
                            padding: 20px 0;
                        }
                    }
                }
            }
        }
        .channel-name{
            border: 1px solid;
            border-color: #878D99;
            // background-color: rgba(0, 177, 179, 0.1);
            // width:200px;
            height:20px;
            padding: 2px 5px;
        }
        .channel-names{
             border: 1px solid;
            border-color: #878D99;
            // background-color: rgba(0, 177, 179, 0.1);
            background: #E6EBF5;
            // width:200px;
            border: 1px solid #ddd;
            height:20px;
            padding: 2px 5px;
            width: 456px;
        }
         .channel-namess{
            border: 1px solid;
            border-color: #878D99;
            // background-color: rgba(0, 177, 179, 0.1);
            background: #E6EBF5;
            // width:200px;
            border: 1px solid #ddd;
            height:20px;
            padding: 2px 5px;
            width: 437px;
            margin: 0 0px 0px 22px;
        }
        // .    margin: 0 0px 0px 22px;
        .text-area{
            background: #E6EBF5;
        }
        .text-areaa{
            background: #E6EBF5;
            width:466px;
            padding-left: 3px;
            padding-top: 2px;
        }
        .el-button--text {
            border: none;
            color: #13ce66;
            background: 0 0;
            padding-left: 0;
            padding-right: 0;
        }
        .left-bodys{
            color: dimgrey;
            margin: 5px 35px 39px 0;
        }
        .left-bodysss{
            color: dimgrey;
            margin: 5px 0 0 -1px;
        }
        .left-bodyss{
            color: dimgrey;
            margin: 4px 35px 39px 0;
        }
        .shangchuan{
            border:1px solid #ddd;
            height: 18px;
            border-radius: 7px;
            background: #E6EBF5;
        }
        .invite-hasprice{
            display: flex;
            .invite-flexone{
                flex: 1;
                // height: 300px;
                // border: 1px solid;
            }
            .invite-flextwo{
                flex: 1;
                // height: 200px;
                // border: 1px solid;al
                // align-items: left;
                // border:1px solid #ddd;
                height:300px;
                
            }
            .quanju{
                width:95%;
                // border:1px solid #ddd;
                // height:300px;
            }
            .quanju1{
                // width:95%;
                // border:1px solid #ddd;
                // height:300px;
            }
        }
        .padi-tarr{
                padding-left: 10px;
                height: 20px;
                padding-top: 10px;
            }
        .change-iyon{
            color:rgb(0, 177, 179);
            cursor:pointer;
        }
        .text-area-meta{
            width: 97.1%;
            height: 230px;
            border: 1px solid #ddd;
            padding-left: 10px;
            padding-top: 10px;
            border-radius: 3px;
        }
        .button-tijiao{
            background: #00b1b3;
            color: #fff;
            border-radius: 4px;
            cursor: pointer;
            display: inline-block;
            width:50px;
            text-align: center;
            height: 20px;
            line-height: 20px;
        }
        .xinzen{
            width: 130px;
            height: 30px;
            background: #00b1b3;
            border-radius: 3px;
            line-height: 30px;
            text-align: center;
            color: #fff;
            margin: 10px 0 0 0;
            cursor: pointer;
            font-size: 13px;
        }
        .xinzen:hover{
            width: 130px;
            height: 30px;
            background: #4b8d8e;
            border-radius: 3px;
            line-height: 30px;
            text-align: center;
            color: #fff;
            margin: 10px 0 0 0;
            cursor: pointer;
            font-size: 13px;
        }
        
    }
</style>